<template>
<div>
  <div class="poem-container myCenter my-animation-hideToShow">
    <!-- 背景图片 -->
    <el-image class="my-el-image poem-image"
              style="position: absolute;margin-top: 50px"
              v-once
              lazy
              :src="'https://s1.ax1x.com/2022/12/04/zsKgDs.jpg'||'https://s1.ax1x.com/2022/12/04/zsKh5V.jpg'"
              fit="cover">
      <div slot="error" class="image-slot"></div>
    </el-image>
    <div class="poem-wrap">
      <div><span>题都城南庄</span></div>
      <p class="poem">去年今日此门中，人面桃花相映红。</p>
      <p class="info">崔护</p>
    </div>
  </div>

  <el-card style="margin-top: 100px">
    <div style="margin-left: 70px">
      <div>
        <h4>技术栈与框架</h4>
        <ul >
          <li>前端采用Vue + ElementUI + Axios</li>
          <li>后端采用springboot2+MyBitsPlus</li>
          <li>数据库mysql</li>
          <li>设计风格：简约，美观</li>
          <li>源码仓库：Github</li>
        </ul>
      </div>

      <div>
        <h4>格言:</h4>
        <div class="essay">
          <div style="padding: 30px">
            再看看那个光点，它就在这里。这是家园，这是我们。你所爱的每一个人，你认识的一个人，
            你听说过的每一个人，曾经有过的每一个人，都在它上面度过他们的一生。
            我们的欢乐与痛苦聚集在一起，数以千计的自以为是的宗教、意识形态和经济学说，每一个猎人与粮秣征收员，
            每一个英雄与儒夫，每一个文明的缔造者与毁灭者，每一个国王与农夫，每一对年轻情侣
            ，每一个母亲和父亲，满怀希望的孩子、发明家和探险家，每一个德高望重的教师，每个腐败的政客，
            每一个“超级明星”，每一个“最高领袖”，人类历史上的每一个圣人与罪犯，都在这里一一个悬浮于阳光中的尘埃小点上生活。
            在浩瀚的宇宙剧场里，地球只是一个极小的舞台。想想所有那些帝王将相杀戮得血流成河，他们的辉煌与胜利，
            使他们成为光点上一个部分的转眼即逝的主宰；
            想想这个像素的一个角落的居民对某个别的角落几乎没有区别的居民所犯的无穷无尽的残暴罪行，
            他们的误解何其多也，他们多么急于互相残杀，他们的仇恨如何强烈。
            ——Carl Sagan《暗淡蓝点》
          </div>
        </div>
      </div>

    </div>

  </el-card>

  <!--  尾部  -->
  <div style="margin-top: 50px;position: relative;z-index: 10">
    <my-footer/>
  </div>

</div>
</template>

<script>


import MyFooter from "@/components/myFooter.vue";

export default {
  name: "About",
  components: {MyFooter},
  data(){

  }
}
</script>


<style scoped>
li{
  list-style-type: circle;
  font-size: 21px;
  font-family: 华光仿宋一_CNKI;
  border-color: #bdbdf0;

}
.essay{
  width: 1200px;
  background-color: #EEF7FA;
  border-left: 4px solid dodgerblue;
  font-size: 21px;
  font-family: 华光仿宋一_CNKI;
  word-spacing: 10px;
}
</style>